.page_login-container {
  position: relative;
  height: 100%;
  width: 100%;
  background-position: right top;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-origin: border-box;
  background-image: url('@/assets/images/bg.svg');

  .login_panel-container {
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 900px;
    border-radius: 8px;
    box-shadow: 0 40px 40px #8d96a01a;
    padding: 60px 0;
    align-items: stretch;
    z-index: 22;

    .login_panel-left {
      position: relative;
      width: 50%;

      h3 {
        font-size: 26px;
        text-align: center;
        padding-bottom: 10px;
      }

      img{
        display: block;
        width: 400px;
        margin: auto;
      }

      &:after {
        content: '';
        display: block;
        width: 1px;
        background-color: #f0f0f0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
      }
    }

    .login_panel-right{
      position: relative;
      width: 50%;
      padding: 0 60px;

      h3{
        font-size: 26px;
        padding-bottom: 10px;
      }

      p{
        font-size: 13px;
        color: #999;
        padding-bottom: 30px;
      }

      .other-login{
        justify-content: space-between;

        .icon{
          width: 30px;

          img{
            display: block;
            width: 100%;
          }
        }
      }
    }
  }

  .footer {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding-bottom: 30px;
  }
}
